// 一====>JSX结构中访问各种数据类型
// 1:字符串类型:String
// 2:数字类型:Number
// 3:数组类型:Array
// 4:对象类型:Object
// 5:三元表达式:boolean ? 
// 6:函数类型:fn()
// 7:JSX表达式类型
// 8:渲染一张图片

// 二:====>代码实现
// 1:String
const boy='Jack'
// 2:Number
const age=18
// 3:Array
const hobbies=['吃饭','学习','睡觉']
// 4:Object
const obj={name:'Rose',age:10}
// 5:三元
// 6:function
const fun=()=>{
  return( <div> 我是函数返回的内容</div>)
}
// 7:JSX表达式
const jsx=(
  <div> 我是JSX表达式</div>
)
// 三:=====>创建react元素

const tag= (
  <div>
    <h1 className="title">
      Hello {boy},我今年{age}岁
      </h1>

   <h1 style={{color:'red'}}>{hobbies.join(',')}</h1>
   <h1>{obj.name}年龄:{obj.age} </h1>

   <h1> 三元表达式 {1>0 ? '是的':'不是'}</h1>

   <h1> {fun()}</h1>
   <h1> {jsx}</h1>
  </div>
)
